@charset "UTF-8";
.container{
  width: 1200px;
  margin:0 auto;

}
.nav-header{
  @include height(true,44px,44px);
  background-color: #535353;
 .logo-img{
   height:40px;
   margin-right:20px;
 }
  .logo-name{
    @extend %fontSize18;
    color:#5180D8;
  }
}


.footer-con{
  height: 160px;
  margin-top: 30px;
  padding-top:50px;
  box-sizing: border-box;
  @extend %textAlign;
  background-color: #535353;
  p{
    margin-bottom: 26px;
    color: #999999;
  }
}

.content-bg{
  background-color: #F2F2F2;
}
.white-bg{
  background-color: #fff;
}
.content{
  min-height: calc(100vh - 70px);
}
button{
  padding:10px 16px;
  color:#fff;
}


.first-nav{
  width:100%;
  @include height(true,40px,40px);
  background-color: #5180D8;
  ul{
    @extend %display;
    li{
      @extend %display;
      margin-right:60px;
      a{
        color:#fff;
      }

    }
  }
  .first-input{
    float: right;
    width:200px;
  }
}

























